
import BaseView from '../baseView.js';

export default class RegView extends BaseView{
   render(){
      this.$el.html(`
      <h1>注册界面</h1>
      <hr/>
      <div style='width:300px;margin:100px auto'>
 <form class="layui-form">
  <div class="layui-form-item">
    <label class="layui-form-label">用户名：</label>
    <div class="layui-input-block">
      <input type="text" id="username" required placeholder="请输入用户名" class="layui-input">
    </div>
  </div>
  <div class="layui-form-item">
    <label class="layui-form-label">密码：</label>
    <div class="layui-input-block">
      <input type="password"  id="password" required lay-verify="required" placeholder="请输入密码" autocomplete="off" class="layui-input">
    </div>
  <div class="layui-form-item">
     <br/>
    <div class="layui-input-block">
      <button type='button' id='toLogin' class="layui-btn" lay-submit lay-filter="formDemo">注册</button>
      <button type="button"  id='backLogin' class="layui-btn layui-btn-primary">返回登录</button>
    </div>
  </div>
</form>
</div>
      `)
   }

   handle(){
      $("#toLogin").click(()=>{
            $.ajax({
              type:"post",
              url:"/api/reg",
              data:{
                "username":$("#username").val(),
                "pwd":$("#password").val()
              },
              dataType:"json",
              success:(data)=>{
                // console.log(data);
                if(data.code==1){
                     alert(data.msg);
                      window.location.hash="#/login"
                }else{
                  alert(data.msg);
                }
              }
            })
      })

      $("#backLogin").click(()=>{

         window.location.hash="#/login";
      })
   }
}
